<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" th:href="@{/AdminLTE/bootstrap/css/bootstrap.min.css}">
    <!-- jQuery 2.2.3 -->
    <script th:src="@{/AdminLTE/plugins/jQuery/jquery-2.2.3.min.js}"></script>
    <!-- Bootstrap 3.3.6 -->
    <script th:src="@{/AdminLTE/bootstrap/js/bootstrap.min.js}"></script>
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/AdminLTE/dist/css/AdminLTE.min.css}">
    <!-- layui -->
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <!-- layui -->
    <script th:src="@{/layui/layui.js}"></script>
    <!-- blogArticle -->
    <script th:src="@{/js/blog/blogArticle.js}"></script>
    <style>
        /*layui数据表格高度自适应*/
        .layui-table-cell{
            height:auto !important;
        }
    </style>
</head>
<body>
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        博客管理
        <small>博客列表</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
        <li class="active">博客管理</li>
    </ol>
</section>

<div style="margin-top: 15px;">
    <div style="margin-left: 10px;">
        搜索文章内容：
        <div class="layui-inline">
            <input id="BlogArticleLoad" style="width: 300px;float: left" type="text" th:name="content" required lay-verify="required" autocomplete="off" class="layui-input">
        </div>
        <button data-type="reload" id="sousuo" style="margin-left: 8px" class="layui-btn layui-btn-normal">
            <i class="layui-icon">&#xe615;</i> 搜索
        </button>
        <button class="layui-btn layui-btn-warm" th:onclick="flushPage()">
            <i class="layui-icon">&#xe669;</i> 刷新
        </button>
    </div>
    <table class="layui-hide layui-table-cell" id="articleList" lay-filter="articleTable"></table>
    <script type="text/html" id="articleToolbar">
        <div class="layui-btn-container">
            <a shiro:hasPermission="blogArticle:add" class="layui-btn layui-btn-sm layui-btn-normal" th:href="@{/admin/blog/addBlogPage}">
                <i class="layui-icon">&#xe608;</i> 发布文章
            </a>
            <a shiro:hasPermission="blogArticle:delete" lay-event="batchDel" class="layui-btn layui-btn-sm layui-btn-danger">
                <i class="layui-icon">&#xe640;</i> 批量删除
            </a>
        </div>
    </script>
    <script type="text/html" id="articleBar">
        <a shiro:hasPermission="blogArticle:update" class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>
        <a shiro:hasPermission="blogArticle:delete" class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <!--文章封面图，如果直接在js中写，显示出图片的同时会携带一个404错误-->
    <script type="text/html" id="ShowCoverImg">
        <a>
            <img src="{{ d.coverImg }}" alt="图片预览" title="文章封面图">
        </a>
</script>
</div>

</body>
</html>